<script setup>
   let props = defineProps(['userName'])
   console.log(props.userName)

   let emit = defineEmits(['do-it'])
   emit('do-it', 'script')

   function foo(){
    console.log("chlid foo()")
   }
   
   defineExpose({
        foo
   })
</script>
<template>
    <button @click="$emit('do-it','template')">hi {{ userName }}</button>
</template>
